*{
    margin: 0;
    padding: 0;
}

body{
     background: #f0eff4 ; 
}

/* 头部 */
header{
    width: 100%;
    height: 3rem;
    text-align: center;
    background-color: #3b99fb ;
    position: relative;
}
header>span{
    color: #fff;
    font-size: 1.55rem;
    letter-spacing: 0.13rem;    
}

header>span,
header a{
    line-height: 3rem;
}
header a{
    text-decoration: none;    
    position: absolute;
    right: 1.3rem;
}
header a .iconfont{
  font-size: 1.5rem; 
  color: #fff; 
}

/* 图文1 */
.content1{
    display: flex;
    height: 15rem;  
    background-color: #fff;  
    align-items: center;
}
.content1 .left{
    width: 45%;
    height: 11rem;
}
.content1 .right{
    width: 55%;
    height: 11rem;
}
.content1 .left{   
    display: flex;
    flex-flow: column nowrap;
    border-right: 1px solid #f0eff4;
}
/* 内容1 颜色设置 */
.content1 .left .bluef{
    color: #428ddc ;
}
.content1 .right .yellowf{
    font-size: 0.859rem;
    color: #e8a336;
}
.content1 .right .blue2f{
    color: #3588e1;
}
/* 内容1 图片 */
.content1 .left img{
    width: 75%;
    margin-left: 1.2rem ;
    margin-top: 1rem;
}
/* 间距 */
.content1 .left span{
    margin-left: 1.2rem ;
    margin-bottom: 6px; 
}

.content1 .right{
   display: flex;
    flex-flow: column wrap;
}
.content1 .right .top a,
.content1 .right .bottom a{
    width: 40%;
    display: flex;
    justify-content: flex-end;
    margin-right: 1rem;
}
.content1 .right .top,
.content1 .right .bottom{
    flex:50%;
    display: flex;
    flex-flow: row nowrap;    
}
.content1 .right .top-font,
.content1 .right .bottom-font{
    width: 60%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;    
}
.content1 .right .bottom-font{      
    border-top: 1px solid #f0eff4;
}
.content1 .right span{
    margin-left: 1rem ;
    margin-bottom: 6px;
}
.content1 .right img{
    width: 100%;
}


/* 图文2轮播 */
.banner1{
    display: flex;
    height: 8rem;  
    background-color: #fff; 
    margin-top: 2rem ; 
    flex-flow: row nowrap;
    justify-content: space-between;
}
/* 内容2 颜色设置 */
.banner1 .banner1-font .purplef{
    font-size: 0.859rem;
    color: #8082bd;
}
.banner1 .banner1-font{
    width: 36%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; 
}
.banner1 a{
    width: 64%;
    display: flex;
}
.banner1 a img{
    width: 100%;
    height: 100%;
}
/* 间距 */
.banner1 .banner1-font span{
    margin-left: 1.2rem ;
    margin-bottom: 6px; 
}

.banner2{
    display: flex;
    height: 8rem;  
    background-color: #fff; 
    margin-top: 2rem ; 
    flex-flow: row nowrap;
    justify-content: space-between;
}
.banner2 a{
    width: 36%;
    margin-left: 1rem;
}
.banner2 a img{
    width: 100%;
    height: 100%;
}
.banner2 .banner2-font{
    width: 64%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; 
}
.banner2 .banner2-font .bluef2{
    font-size: 0.759rem;
    color: #61b0fe ;
}
/* 间距 */

.banner2 .banner2-font span{
    margin-left: 1.2rem ;
    margin-bottom: 6px; 
}

/* 图文内容2  */

.content2{     
    align-items: center;
    background-color: #fff;
    display: flex;  
    flex: 50%;     
    margin-top: 2rem ; 
    height: 15rem; 
}

.content2 .left,
.content2 .right{
    height: 11rem;
}
.content2 .left{   
    display: flex;
    flex-flow: row nowrap;
    border-right: 1px solid #f0eff4;
    justify-content: space-around;
}
/* 内容2 颜色设置 */
.content2 .left .bluef3{
    color: #428ddc ;
    font-size: 0.76rem;
    margin-bottom: 2rem;
}
.content2 .font{    
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around; 
}
.content2 .left-font{
    display: flex;
    flex-flow: column;
}
.content2 a{
    width: 31.8%;
    height: 93%;
    display: flex;
}

/* 间距 */
.content2 .left-font span{
    display: inline-block;
    margin-left: 1.2rem ;
    margin-bottom: 6px; 
}

/* 右设置 */
.content2 .right .purplef2{
    font-size: 0.859rem;
    color: #8082bd;
}
.content2 .right{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; 
}
.content2 .right a{
    width: 100%;
    height: 74%;
}
.content2 a img{
    width: 100%;
    height: 100%;
}
/* 间距 */
.content2 .right span{
    margin-left: 1.2rem ;
    margin-bottom: 6px; 
}

/* 2张图片 */
.pic2{     
    align-items: center;
    background-color: #fff;
    display: flex;     
    flex-flow: row;
    margin-top: 2rem ; 
    height: 15rem; 
}

.pic2 .left,
.pic2 .right{
    height: 11rem;
    width: 50%;
}
.pic2 .left{   
    border-right: 1px solid #f0eff4;
    padding-right: 1rem; 
    padding-left: 1rem; 
}
.pic2 .right{   
    margin-left: 1rem;
    margin-right: 1rem; 
} 

.pic2 .left a,
.pic2 .right a{
    width: 100%;
}
.pic2 a img{
    width: 100%;
    height: 100%;
}

/* 页脚 */
.footer {
    align-items: center;
    background-color: #fff;
    display: flex;     
    flex-flow: row; 
    height: 11rem; 
}
.footer .left{
    background-color: #fdfaec;
    margin-left: 0.5rem;

}
.footer .left,
.footer .right{
    width: 47.5%;
    height: 9rem;
    background-color: #edf4ff;
    text-align: center;
    margin-right: 0.5rem;
}
.footer .left span,
.footer .right span{
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 0.95rem;
}
.footer .left .yellowff{
    color: #e8a336; 
}
.footer .right .blueff{
    color: #61b0fe; 
}

.footer .left a,
.footer .right a{
    display: flex;
    flex-flow: row;
    justify-content: center;
    margin-top: 1rem;
}
.footer a img{
    width: 80%;   
}